.draggable-div {
    position: fixed;
    width: 200px; /* 设置一个初始宽度 */
    background: white;
    border: 1px solid #ccc;
    padding: 10px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    z-index: 1000; /* 确保div在最上层 */
    cursor: move; /* 鼠标悬停时显示移动的指针 */
    transition: height 0.3s; /* 平滑过渡效果 */
}

.collapsed {
    height: 40px; /* 设置为只显示顶部按钮行的高度 */
    overflow: hidden; /* 隐藏超出部分 */
}

.draggable-handle {
    cursor: move; /* 鼠标悬停时显示移动的指针 */
    user-select: none; /* 防止拖动时选中文本 */
}

.content {
    transition: max-height 0.3s;
    overflow: hidden;
}